<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Edu-Skill - Education Template</title>
    <!-- Chosen CSS -->
    <link href="/${res}/css/swiper.css" rel="stylesheet">
    <!-- Pretty Photo CSS -->
    <link href="/${res}/css/prettyPhoto.css" rel="stylesheet">
    <!-- Custom Main StyleSheet CSS -->
    <link href="/${res}/style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="/${res}/css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="/${res}/css/responsive.css" rel="stylesheet">

    <script src="${resSys}/jquery.js" type="text/javascript"></script>
    <script src="${resSys}/front.js" type="text/javascript"></script>

</head>

<body>
<!--gt Wrapper Start-->
<div class="gt_wrapper">
    <!--Header Wrap Start-->
    [#include "../include/nav.html"/]
    <!--Header Wrap End-->

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
        <div class="container">
            <div class="gt_sub_banner_hdg  default_width">
                <h2>${channel.name!}</h2>
            </div>
        </div>
    </div>
    <!--Sub Banner Wrap End -->
    [#include "../include/location.html"/]

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
        <!--Blog Listing Wrap Start-->
        <section class="gt_courses_bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        [#include "../include/left.html"/]
                    </div>
                    <div class="col-md-8">
                        [@cms_content_page count='5' orderBy='4' channelId=channel.id channelOption='1'
                        dateFormat='yyyy-MM-dd HH-mm']
                        [#list tag_pagination.list as a]
                        <div class="gt_blog_single_wrap default_width mb30">
                            <figure>
                                <img src="${a.contentImg!}" alt="">
                            </figure>
                            <div class="gt_listing_des default_width">
                                <ul class="gt_event_meta">
                                    <li><i class="fa fa-calendar"></i>${a.date?string(dateFormat)}</li>
                                    <li><i class="fa fa-user"></i>${a.author}</li>
                                    <li><i class="fa fa-comments"></i>#</li>
                                </ul>
                                <h6><a href="${a.url}">${a.title}</a></h6>
                                <p>[#if a.typeImg??][@text_cut s=a.description len=116 append='...'/][#else][@text_cut
                                    s=a.description len=176 append='...'/][/#if]</p>
                                <a href="#">Read More</a>
                                <ul class="gt_scl_icon">
                                    <li><a class="bg_fb" href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a class="bg_twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a class="bg_gp" href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a class="bg_linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a class="bg_behance" href="#"><i class="fa fa-behance"></i></a></li>
                                    <li><a class="bg_vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
                                    <li><a class="bg_youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        [/#list]
                        [#include "../include/page.html"/]
                        [/@cms_content_page]

                    </div>
                    <!--Aside Wrap Start-->
                </div>
            </div>
        </section>
        <!--Blog Listing Wrap End-->
    </div>
    <!--Main Content Wrap End-->

    <!--Footer Wrap Start-->
    [#include "../include/footer.html"/]
    <!--Back to Top Wrap Start-->

</div>

<!--Bootstrap core JavaScript-->
<script src="/${res}/js/bootstrap.min.js"></script>
<!--Chosen JavaScript-->
<script src="/${res}/js/swiper.jquery.min.js"></script>
<!--Pretty Photo JavaScript-->
<script src="/${res}/js/jquery.prettyPhoto.js"></script>
<!--Custom JavaScript-->
<script src="/${res}/js/custom.js"></script>

</body>
</html>
